<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人网页</title>
   
    <link  rel="stylesheet" href="style.css">
</head>
<body>

    <div class="container">
    <div class="one" >
       <div class="q">  <h1> Welcome</h1>
        <p>I am here to welcome you, friend.</p></div>
    </div> 
    <div class="one1">
        <li><a href="#b">part1 自我介绍</a></li>
   <li> <a href="#three">part2 兴趣爱好</a></li>
   <li><a href="#four">part3 作品相册</a></li>
    </div>
    
    <div class="two">
        <a name="b"></a>
        <div class="b" ><h2>part1 自我介绍</h2></div>
        <div  class="c"> <p>Name:songjunmei
        </p>Career:I am currently a student
           <p>just want to rely on my own efforts to have everything I want.</p>
    </div>
  <div> <img class="a" src="12.jpg" alt="" width="350"height="350"></div>  
    <div class="wo">
      <div id="上" class="一">1</div>
      <div id="下" class="一">2</div>
      <div id="左" class="一">3</div>
      <div id="右" class="一">4</div>
            <img id="m01" class="二" src="她.jpg"width="460px"height="410">
            <img id="m02" class="二" src="555.jpg"width="430px"height="430">
            <img id="m03" class="二" src="我.jpg"width="460px"height="410">
            <img id="m04" class="二" src="你.jpg"width="460px"height="410">
</div>
    <div class="three">
        <h3>part2 兴趣爱好</h3></div>
        <a name="three"></a>
        <div class="d">
          <p>Hobbies and Interests:</p> <p>Painting, playing badminton
            to music and run
           </p>
            <p>Personality:</p>
            <p>Cheerful, honest, honest, warm to others.</p>
            <div class="o">
                <img id="o1"class="1" src="画.jpg"width="400px"height="400">
                <img id="o2"class="1" src="a.jpg"width="400px"height="400">
                <img id="o3"class="1" src="雪.jpg"width="400px"height="400">
                <img id="o4"class="1" src="音.jpg"width="400px"height="400">
    
        </div>
           <div class="four">
               <a name="four"></a>
            <h4>part3 作品相册</h4> 
           </div>
           <ul class="e">
			<li>
				<img src="7.jpg"width="500px"height="400" />
				<div class="footer"></div>
			</li>
			<li>
				<img src="8.jpg"width="500px"height="400" />
				<div class="footer"></div>
			</li>
			<li>
				<img src="18.jpg" width="500px"height="400"/>
				<div class="footer"></div>
			</li>
			<li>
				<img src="20.jpg"width="500px"height="400" />
				<div class="footer"></div>
			</li>
			<li>
				<img src="21.jpg" width="500px"height="400"/>
                <div class="footer"></div>
                <li>
                 <img src="22.jpg" width="500px"height="400"/>
                    <div class="footer"></div>
                </li>
                
			</li>
		</ul>
	

           
            <div class="foot">
                <h4><strong>FOOTER</strong></h4>
                <img class="tu"src="码.jpg"width="160px"height="160px"alt="">
                <P>E-mail:2359119196@qq.com<br>weibo@淡写青春.com</P>

            </div>
           </div>
    </div>












    </div>

    
    

    
   


   
</body>
</html>